<template>
    <div class="search-layout">
        <el-input
                icon="search"
                class="input-bg"
                v-model="input"
                :on-icon-click="handleIconClick"
                @keyup.enter.native="search">
        </el-input>
    </div>
</template>

<script>
    export default {

        data: function () {
            return {
                select: '',
                input: ''
            }
        },
        methods: {
            handleIconClick() {
                this.$emit('transferParam', this.input);
            },
            search(){
                this.$emit('transferParam', this.input);
            }
        }


    }
</script>

<style scoped>
    .search-layout .el-select .el-input {
        width: 35px;
        background: #f9f9f9;
    }

    .search-layout {
        padding: 10px;
        background-color: #fff;
    }

</style>
